@charset "utf-8";
/*默认样式*/
*{
    padding:0;
    margin:0;
    list-style: none;
}
a{
    text-decoration: none;
    color:#8f842f;
}
body{
    font-size: 0.16rem;
    /*不收缩*/
    flex-shrink: 0;
}
input{
    border: none;
    outline: none;
}
/*头部*/
header{
    width: 4rem;
    height: 0.48rem;
    background:#fa3a39;
    
    display: flex;
    justify-content: center;
    align-items: center;
    
    img{
        width: 0.15rem;
        height: 0.24rem;
//      &:nth-child(3){
        &:nth-of-type(2){
            width: 0.22rem;
            height: 0.22rem;   
        }        
    }
    .search{
        width: 3.25rem;
        height: 0.33rem;
        background: green;  
        div{
            width: 3.04rem;
            height: 0.33rem;
            background: #fff;
            border-radius: 0.05rem;
            margin: 0 auto;
            
            display: flex;
            align-items: center;
            justify-content: space-around;
            
             
            h5{
               width: 0.72rem;
               height: 0.22rem;
               line-height: 0.22rem;
               text-align: center; 
               border-right: 0.01rem solid #eee;
               
               background: url(../img/icon2.png) no-repeat 0;
               background-size: 0.15rem 0.15rem;
            }
            input{
                width: 1.78rem;
               height: 0.22rem;  
//             text-align: center; 
               padding-left:0.2rem;
               box-sizing: border-box;
               
               &::placeholder{
                   font-size: 0.14rem;
                   color: red;
               }
                background: url(../img/icon3.png) no-repeat 0;
               background-size: 0.15rem 0.15rem;              
            }
            
        }      
    }
}
/*轮播图*/
#banner{
    width: 4rem;
    height: 1.05rem;
    img{
         width: 4rem;
        height: 1.05rem;       
    }
    .swiper-pagination-bullets{
        bottom:0;
    }
    .swiper-pagination-bullet-active{
        background: #fff;
    }
}
/*滚动消息*/
.mes{
    width: 4rem;
    height: 1.1rem;
    background:url(../img/title_summer.gtz.jpg) no-repeat 0;
   background-size: 4rem 1.1rem;
   
   display: flex;
   /*改变主轴方向为Y轴*/
   flex-direction:column;
   align-items: center;
   justify-content: space-around;
     
    div{
      width:3.6rem;
      height:0.28rem; 
      background: yellow;
      border-radius: 0.14rem; 
    }
    h3{
       font-size: 0.18rem; 
       color:#fff; 
    }
}
///hot/
.hot{
    width: 4rem;
    height: 3.97rem;
    background: #ff5722;
   
    ul{
        width: 4rem;
        height: 3.18rem; 
        
        display: flex;
        flex-wrap:wrap;
        justify-content: space-around;
        align-items: center; 
              
        li{
           width: 1.04rem;
           height: 1.36rem; 
           overflow: hidden;
           position: relative;
           img{
              width: 1.04rem;
            height: 1.36rem;             
           } 
           div{
               position: absolute;
               bottom:-0.6rem;
               left:-0.15rem;
               
               background: rgba(0,0,0,0.5);
               width: 1.36rem;
               height: 1.36rem;
               line-height: 0.2rem;
               border-radius: 0.68rem;
               
               text-align: center;
               color: #fff;
               p{
                   width: 0.83rem;
                   
                   background: #000000;
                   

overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
               }
           }         
        }
    }
}
